<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<title>GeoHive</title>
	<link rel="stylesheet" href="../style/mobile.css" type="text/css" media="handheld" />
<link rel="stylesheet" href="style/default.css" type="text/css"/>
	<script type="text/javascript" src="../scripts/modernizr-1.5.min.js"></script>
	<script type="text/javascript" src="../scripts/google-maps-wrapper.js"></script>
	<script type="text/javascript" src="../scripts/jquery.js"></script>
	<script type="text/javascript" src="../scripts/database.js"></script>
	<script type="text/javascript" src="../scripts/geolocation.js"></script>
	<script type="text/javascript" src="../scripts/geo-callback.js"></script>
	<script type="text/javascript" src="../scripts/search.js"></script>
    <link href="../style/default.css" rel="stylesheet" type="text/css">
</head>
<body>
	<div class="header" id="header">
  <div id="logo">
		<a href="../index.html">
			<img src="../icons/icon.jpg" width="92" height="92" />
		</a>
		</div>
		<form id="searchForm">
			<input type="text" id="searchField" />
			<input type="submit" id="searchButton" value="Search" onClick="startSearch(); return false;" />
		</form>
		<div id="title">
		  <h2>GeoHive</h2>
		</div>
	</div>
<div id="status">
		<!-- place holder for create/error messages-->
	</div>
	<div class="content" id="content">
  <div id="form">
			<p class="field name">Question: <input id="questionDesc" type="text"/></p>
		    <p class="field description">Try to be clear and concise, this is the question people will see.</p>
		    <p class="field description">Now, create up to 10 possible answers.  Empty answers will not be used.</p>
		    <ul id="answerList">
			  <li>1.&nbsp;<input id="answer_1" type="text"/></li>
			  <li>2.&nbsp;<input id="answer_2" type="text"/></li>
			  <li>3.&nbsp;<input id="answer_3" type="text"/></li>
			  <li>4.&nbsp;<input id="answer_4" type="text"/></li>
			  <li>5.&nbsp;<input id="answer_5" type="text"/></li>
			  <li>6.&nbsp;<input id="answer_6" type="text"/></li>
			  <li>7.&nbsp;<input id="answer_7" type="text"/></li>
			  <li>8.&nbsp;<input id="answer_8" type="text"/></li>
			  <li>9.&nbsp;<input id="answer_9" type="text"/></li>
			  <li>10.&nbsp;<input id="answer_10" type="text"/></li>
			</ul>
			<input type="submit" value="Create Question" onClick="createQuestion()"/>
		</div>
	</div>
<div class="footer" id="footer">
		<a href="answer.html">Answer random questions</a>
  <p>Copyright GeoHive&copy;  2010</p>
	</div>
</body>
</html>